﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--页面的图标-->
    <link rel="shortcut icon" href="http://static.zhihu.com/static/favicon.ico" type="image/x-icon" />
    <title>首页-知乎</title>


    <!--bootstrap和jquery框架-->
    <script src="../js/jquery-2.0.3.js"></script>
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <script src="../js/bootstrap.min.js"></script>


    <style type="text/css">
        html body, html input, html textarea, html select, html button
        {
            font-family: 'Helvetica Neue',Helvetica,Arial,Sans-serif;
        }

        body, input, textarea, select, button
        {
            color: #222;
            font-size: 13px;
            line-height: 1.7;
            word-wrap: break-word;
        }

        .zu-top
        {
            background: -moz-linear-gradient(center top, #086ed5, #055db5) repeat-x scroll 0 0 #0767c8;
            border-bottom: 1px solid #044e97;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15) inset;
            height: 45px;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 20;
        }

        body.zhi
        {
            padding-top: 46px;
        }


        .zg-wrap
        {
            margin: 0 auto;
            width: 960px;
        }

        .zu-top-link-logo
        {
            background-image: url("./img/new_logo.png");
            background-position: 0 8px;
            background-repeat: no-repeat;
            color: #fff;
            display: block;
            float: left;
            height: 40px;
            text-indent: -9999px;
            width: 61px;
        }


        .zu-top-search
        {
            float: left;
            margin: 7px 0 0 12px;
            position: relative;
        }



        .zu-top-nav
        {
            float: left;
            position: relative;
        }


        .top-nav-profile
        {
            min-width: 120px;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
        }
    </style>
</head>
<body>
    <div role="navigation" class="zu-top">
        <div class="zg-wrap" id="zh-top-inner">
            <a href="/" class="zu-top-link-logo" id="zh-top-link-logo">知乎</a>

            <div class="top-nav-profile">
                <a href="/people/hu-miao-96" class="zu-top-nav-userinfo ">
                    <span class="name">胡苗</span>
                    <img class="avatar" src="http://pic1.zhimg.com/45336f716_s.jpg" />
                    <span id="zh-top-nav-new-pm" class="zg-noti-number zu-top-nav-pm-count"
                        style="visibility: hidden" data-count="0"></span>
                </a>
                <ul class="top-nav-dropdown" id="top-nav-profile-dropdown">
                    <li>
                        <a href="/people/hu-miao-96">
                            <i class="zg-icon zg-icon-dd-home"></i>我的主页
                        </a>
                    </li>

                    <li>
                        <a href="/inbox">
                            <i class="zg-icon zg-icon-dd-pm"></i>私信
                            <span id="zh-top-nav-pm-count" class="zu-top-nav-pm-count zg-noti-number"
                                style="visibility: hidden" data-count="0"></span>
                        </a>
                    </li>
                    <li>
                        <a href="/settings">
                            <i class="zg-icon zg-icon-dd-settings"></i>设置
                        </a>
                    </li>
                    <li>
                        <a href="/logout">
                            <i class="zg-icon zg-icon-dd-logout"></i>退出
                        </a>
                    </li>
                </ul>

            </div>


            <div role="search" id="zh-top-search" class="zu-top-search">
                <form method="GET" action="/search" id="zh-top-search-form" class="zu-top-search-form form-with-magnify">

                    <input type="text" class="zu-top-search-input" id="q" name="q" autocomplete="off" value="" placeholder="搜索话题、问题或人…" />
                    <input type="hidden" name="type" value="question" />
                    <label for="q" class="hide-text">知乎搜索</label>
                    <button type="submit" class="magnify-button"><i class="icon icon-magnify-q"></i><span class="hide-text">搜索</span></button>
                </form>
                <button class="zu-top-add-question" id="zu-top-add-question">提问</button>
            </div>



            <div id="zg-top-nav" class="zu-top-nav">
                <ul class="zu-top-nav-ul zg-clear">

                    <li class="zu-top-nav-li " id="zh-top-home-link">
                        <a class="zu-top-nav-link" href="/" id="zh-top-link-home">首页</a>
                    </li>
                    <li class="top-nav-topic-selector zu-top-nav-li " id="zh-top-nav-item-topic">
                        <a class="zu-top-nav-link" href="/topic" id="top-nav-dd-topic">话题</a>

                    </li>
                    <li class="zu-top-nav-li current">
                        <a class="zu-top-nav-link" href="/explore">发现</a>
                    </li>

                    <li class="top-nav-noti zu-top-nav-li ">
                        <a class="zu-top-nav-link" href="javascript:;" id="zh-top-nav-count-wrap" role="button"><span class="mobi-arrow"></span>消息</a>
                    </li>



                </ul>
                <div class="zu-top-nav-live zu-noti7-popup zg-r5px no-hovercard" id="zh-top-nav-live-new" role="popup" tabindex="0">
                    <div class="zu-top-nav-live-inner zg-r5px">
                        <div class="zu-top-live-icon">&nbsp;</div>
                        <div class="zu-home-noti-inner" id="zh-top-nav-live-new-inner">
                            <div class="zm-noti7-popup-tab-container clearfix" tabindex="0">
                                <button class="zm-noti7-popup-tab-item message">
                                    <span class="icon">消息</span>
                                    <span class="new-noti" style="display: none;">0</span>
                                </button>
                                <button class="zm-noti7-popup-tab-item user">
                                    <span class="icon">用户</span>
                                    <span class="new-noti" style="display: none;">0</span>
                                </button>
                                <button class="zm-noti7-popup-tab-item thanks">
                                    <span class="icon">赞同和感谢</span>
                                    <span class="new-noti" style="display: none;">0</span>
                                </button>
                            </div>
                        </div>
                        <div class="zm-noti7-frame-border top"></div>
                        <div class="zm-noti7-frame">
                            <div class="zm-noti7-content">
                                <div class="zm-noti7-content-inner">
                                    <div class="zm-noti7-popup-refresh" style="display: none;">
                                        <img class="noti-spinner" src="/static/img/spinner2.gif" />
                                    </div>
                                    <div class="zm-noti7-content-body">
                                        <div class="zm-noti7-popup-loading">
                                            <img class="noti-spinner" src="/static/img/noti-loading.gif" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="zm-noti7-content" style="display: none;">
                                <div class="zm-noti7-content-inner">
                                    <div class="zm-noti7-popup-refresh" style="display: none;">
                                        <img class="noti-spinner" src="/static/img/spinner2.gif" />
                                    </div>
                                    <div class="zm-noti7-content-body">
                                        <div class="zm-noti7-popup-loading">
                                            <img class="noti-spinner" src="/static/img/noti-loading.gif" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="zm-noti7-content" style="display: none;">
                                <div class="zm-noti7-content-inner">
                                    <div class="zm-noti7-popup-refresh" style="display: none;">
                                        <img class="noti-spinner" src="/static/img/spinner2.gif" />
                                    </div>
                                    <div class="zm-noti7-content-body">
                                        <div class="zm-noti7-popup-loading">
                                            <img class="noti-spinner" src="/static/img/noti-loading.gif" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="zm-noti7-frame-border bottom"></div>
                        <div class="zm-noti7-popup-footer">
                            <a href="/notifications" class="zm-noti7-popup-footer-all zg-right">查看全部 &raquo;</a>
                            <a href="/settings/notify" class="zm-noti7-popup-footer-set" title="通知设置"><i class="zg-icon zg-icon-settings"></i></a>
                        </div>
                    </div>
                </div>

            </div>


        </div>
    </div>
</body>
</html>
